<template>
  <div>
    <ul>
      <!-- 这里必须用 query 因为在index.js 没有使用 :id\:deatial 形式 -->
      <li>{{$route.query.id}}</li>
      <li>{{$route.query.title}}</li>
    </ul>
    <br />
  </div>
</template>

<script>
export default {
  name: "MessageDetail",
  mounted() {
    console.log(this.$route);
    console.log(this.$router);
  },

};
</script>